<template>
    <div>
        <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item v-for="(item, index) in routeList" v-bind:key="index">{{item}}</el-breadcrumb-item>
        </el-breadcrumb>
        <hr style="height:1px;border:none;border-top:1px solid #555555;" />
    </div>
</template>

<script>
    /* eslint-disable no-console */

    export default {
        data(){
            return {
                routeList:this.$route.meta
            }
        },
        created:function () {
            console.log(this.$route);
        }
    }
</script>

<style lang="less">
    @import '../../style/mixin';

    .header_container {
        background-color: #EFF2F7;
        height: 60px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 20px;
    }
</style>
